CSS: Variable Fonts

English | 1h 2m | Video 720p | Subtitles

Digital typography has long promised dramatic flexibility, but only delivered it in part. Yes, fonts that change size have become ordinary, and we've learned to expect multiple variations in a family, but precisely specifying blends has remained difficult. New fonts and a new CSS specification are changing this, though, letting developers specify many axes beyond font size. It's now much easier to create attractive and varied pages, using only a single font as the base. In this course, Morten Rand-Hendriksen demonstrates how to use variable fonts to make designs pop while preserving efficient use of bandwidth. Explore the basics of variable fonts—which allow you to download one font file and vary it as required—as well as how to use them in practice and support backwards compatibility.

Mionic Variable Fonts

TTF, OTF

CM - Figuera Variable Fonts 3302427

https://ephemerafonts.com/products/alina-typeface

Inspired by the ornate typography found in vintage greeting cards, this extraordinary collection brings an air of nostalgia to your designs, while infusing them with a touch of sophistication. Immerse yourself in the versatility of EFCO Alina, which offers three captivating styles – Regular, Shadow, and Outline

https://ephemerafonts.com/products/efco-colburn-variable-font-family

Colburn is a squarish typeface inspired by lettering found on vintage tins, with an expansive range of styles, from compressed to extended, Colburn is a display typeface that captures the essence of nostalgia while offering modern versatility. The uniform square shapes provide a solid foundation, lending the font a sense of stability and strength.

https://ephemerafonts.com/products/efco-stamp-numbering-1

Inspired by date and numbering stamps, there once was manufactured rotary band stamps with glitched number and configurations that were used for various identification purposes. This font replicates the characteristic used on these devices.

https://ephemerafonts.com/products/efco-drippy

 Starting from the archive of vintage educational lettering books, posters, and decorative stuff of visual trends back in the day, Drippy was born based on that particular reference. To fill the gap between classic historical ambiance and the pop modern retro vibes. The swashy touch on each letter is tailored to make Drippy more remarkable in the industry. Stand out from the crowd, and be the best version of your vision statement. Undoubtedly a perfect pair for your logotype, branding project, label design, sign painting, and a very wide of advertising needs.

https://www.fontspring.com/fonts/ilham-herry/efco-godfrey

Inspired by vintage labels designed with various typeface styles, Godfrey comes with 6 styles and variable fonts, for ease of pairing on designing. Opentype features such as stylistic alternate, tabular lining, and ligature in CO. and LTD. Godfrey was created for display needs, perfect for headlines, posters, signage, t-shirts, panels, logos, branding, etc.